<!DOCTYPE html>
<!--02.尚硅谷_css2.1_浮动-->
<!--
	知识点:
		浮动提升(层级)半层
		css2提供的布局： 盒模型、浮动、定位
		浮动设计的目地：文字环绕图片
-->
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
		</style>
	</head>
	<body>
			xfzxfzfxfzxfzxfzfxfzxfzxfzfxfzxfzxfzfxfz<br />
			xfzxfzfxfzxfzxfzfxfzxfzxfzfxfzxfzxfzfxfz<br />
			xfzxfzfxfzxfzxfzfxfzxfzxfzfxfzxfzxfzfxfz<br />
			xfzxfzfxfzxfzxfzfxfzxfzxfzfxfzxfzxfzfxfz<br />
			xfzxfzfxfzxfzxfzfxfzxfzxfzfxfzxfzxfzfxfz<br />
			xfzxfzfxfzxfzxfzfxfzxfzxfzfxfzxfzxfzfxfz<br />
			xfzxfzfxfzxfzxfzfxfzxfzxfzfxfzxfzxfzfxfz<br />
			<img style="float: left;" src="img/xfz.png"/><br />
			xfzxfzfxfzxfzxfzfxfzxfzxfzfxfzxfzxfzfxfz<br />
			xfzxfzfxfzxfzxfzfxfzxfzxfzfxfzxfzxfzfxfz<br />
			xfzxfzfxfzxfzxfzfxfzxfzxfzfxfzxfzxfzfxfz<br />
			xfzxfzfxfzxfzxfzfxfzxfzxfzfxfzxfzxfzfxfz<br />
			xfzxfzfxfzxfzxfzfxfzxfzxfzfxfzxfzxfzfxfz<br />
			xfzxfzfxfzxfzxfzfxfzxfzxfzfxfzxfzxfzfxfz<br />
			xfzxfzfxfzxfzxfzfxfzxfzxfzfxfzxfzxfzfxfz<br />
	</body>
</html>
